<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>jCarousel Examples</title>
    <!--
      jQuery library
    -->
    <script type="text/javascript" src="static_circular_files/jquery-1.js"></script>
    <!--
      jCarousel library
    -->
    <script type="text/javascript" src="static_circular_files/jquery.js"></script>
    <!--
      jCarousel skin stylesheet
    -->
    <link rel="stylesheet" type="text/css" href="static_circular_files/skin.css">

    <script type="text/javascript">

        jQuery(document).ready(function () {
            jQuery('#mycarousel').jcarousel({
                wrap:'circular'
            });
        });

    </script>


</head>
<body>



    <div class="jcarousel-skin-tango">
        <div class="jcarousel-container jcarousel-container-horizontal">
            <div class="jcarousel-clip jcarousel-clip-horizontal">

                <ul id="mycarousel" class="jcarusel_ul">

                    <li jcarouselindex="1" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/1.png">
                    </li>

                    <li jcarouselindex="2" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/2.png">
                    </li>

                    <li jcarouselindex="3" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/3.png">
                    </li>

                    <li jcarouselindex="4" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/4.png">
                    </li>

                    <li jcarouselindex="5" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/5.png">
                    </li>

                    <li jcarouselindex="6" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/6.png">
                    </li>

                    <li jcarouselindex="7"  class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/7.png">
                    </li>

                    <li jcarouselindex="8" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/8.png">
                    </li>

                    <li jcarouselindex="9" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/9.png">
                    </li>

                    <li jcarouselindex="10" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/10.png">
                    </li>

                    <li jcarouselindex="9" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/11.png">
                    </li>

                    <li jcarouselindex="10" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/12.png">
                    </li>

                    <li jcarouselindex="1" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/1.png">
                    </li>

                    <li jcarouselindex="2" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/2.png">
                    </li>

                    <li jcarouselindex="3" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/3.png">
                    </li>

                    <li jcarouselindex="4" class="jcarousel-item jcarousel_h">
                        <img src="static_circular_files/4.png">
                    </li>

                </ul>
            </div>
            <div disabled="false" style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal"></div>
            <div disabled="false" style="display: block;" class="jcarousel-next jcarousel-next-horizontal"></div>
        </div>
    </div>




</body>
</html>



